<template>
	<view class="content">
		<view class="user">
			<text>头像</text>
			<view>
				<image src="../../static/images/aj.png" mode=""></image>
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>

		<view class="user">
			<text>姓名</text>
			<input type="text" placeholder="请输入姓名" placeholder-style="color: #cccccc;">
		</view>

		<view class="user">
			<text>我的工号</text>
			<view>
				<text>GD1569001</text>
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>

		<view class="user">
			<text>证件类型</text>
			<view>
				<text>证件类型</text>
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>

		<view class="user">
			<text>证件号码</text>
			<input type="text" placeholder="请输入证件号码" placeholder-style="color: #cccccc;">
		</view>

		<view class="user">
			<text>手机号码</text>
			<input type="text" placeholder="请输入手机号码" placeholder-style="color: #cccccc;">
		</view>

		<view class="user">
			<text>电子邮件</text>
			<input type="text" placeholder="请输入电子邮件" placeholder-style="color: #cccccc;">
		</view>

		<view class="user">
			<text>所属地区</text>
			<view>
				<text>请选择</text>
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>

		<view class="user">
			<text>详细地址</text>
			<input type="text" placeholder="请输入详细地址" placeholder-style="color: #cccccc;">
		</view>
		<border></border>
	<view class="user">
		<text>个人级别</text>
		<view>
			<text>请选择</text>
			<uni-icons type="arrowright"></uni-icons>
		</view>
	</view>

	<view class="user">
		<text>银行总称</text>
		<view>
			<text>请选择</text>
			<uni-icons type="arrowright"></uni-icons>
		</view>
	</view>

		<view class="user">
			<text>支行名称</text>
			<input type="text" placeholder="请输入支行名称" placeholder-style="color: #cccccc;">
		</view>
		
		<view class="user">
			<text>银行卡号</text>
			<input type="text" placeholder="请输入银行卡号" placeholder-style="color: #cccccc;">
		</view>
		
		
		<view class="user">
			<text>我的余额</text>
			<view>
				<text style="color: black;">250.00元</text>
			</view>
		</view>
		
		<view class="user">
			<text>合同编号</text>
			<view>
				<text style="color: black;">13131581131315</text>
			</view>
		</view>
		
		<view class="user">
			<text>合同开始时间</text>
			<view>
				<text style="color: black;">2018-10-12</text>
			</view>
		</view>
		
		<view class="user">
			<text>合同结束时间</text>
			<view>
				<text style="color: black;">2019-10-12</text>
			</view>
		</view>
		<view class="footer">
			<button class="btn" type="warn">资料审改</button>
		</view>
	</view>
</template>

<script>
	import border from '../../components/border.vue'
	export default {
		data() {
			return {

			}
		},
		methods: {

		},
		components: {
			border
		}
	}
</script>

<style scoped lang="scss">
	.footer{
		height: 140upx;
		box-sizing: border-box;
		padding: 30upx;
		
	}
	// 按钮
	.user {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 100upx;
		box-sizing: border-box;
		padding: 0 30upx;
		border-bottom: 1px solid #f2f2f2;

		text {
			color: #7f7f7f;
			font-size: 30upx;
		}

		input {
			text-align: right;
		}

		view {
			display: flex;
			align-items: center;

			image {
				width: 50upx;
				height: 50upx;
				border: solid 4px rgba(255, 255, 255, 0.3);
				vertical-align: middle;
				border-radius: 100%;
			}
		}
	}
</style>
